<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp" %>
<!DOCTYPE html>
<html>
<head>
    <title>${fns:getConfig('productName')}</title>
    <%@include file="/WEB-INF/views/include/head-new.jsp" %>
    <!--jquery table page-->
    <link rel="Stylesheet" href="${ctxStatic}/AdminLTE/plugins/jerichotab/css/jquery.jerichotab.css"/>
    <script type="text/javascript" src="${ctxStatic}/AdminLTE/plugins/jerichotab/js/jquery.jerichotab.js"></script>
</head>
<script type="text/javascript">
    var jericho = {
        showLoader: function () {
            $('#divMainLoader').css('display', 'block');
        },
        removeLoader: function () {
            $('#divMainLoader').css('display', 'none');
        },
        buildTree: function () {
            $('a.func').css({'cursor': 'pointer'}).click(function () {
                $.fn.jerichoTab.addTab({
                    tabFirer: $(this),
                    title: $(this).text(),
                    //closeable: true,
                    //iconImg: $(this).attr('iconImg'),
                    data: {
                        dataType: $(this).attr('dataType'),
                        dataLink: $(this).attr('dataLink')
                    }
                }).loadData();
            });
        },
        buildTabpanel: function() {
            $.fn.initJerichoTab({
                renderTo: '#divRight',
                uniqueId: 'myJerichoTab',
                contentCss: { 'height': $('#divRight').height() -20},
                activeTabIndex: 0,
                loadOnce: true
            });
        }
    }
    $(document).ready(function () {
        var d1 = new Date().getTime();
        jericho.showLoader();
        var w = $(document).width();
        var h = $(document).height();
        //  $('#divLeft').css({ width: 190, height: h - 100, 'display': 'block' });
        //$('#divRight').css({ height: h - 250, 'display': 'block' });
        // $('#firefoxuser').html(($.browser.mozilla ? 'yes, your browser is Firefox' : 'oh, you are not using Firefox?'));
        // $('#ieuser').html(($.browser.msie ? 'yes, your browser is Internet Explorer' : 'oh, you are not using Internet Explorer?'));
        jericho.buildTree();
        jericho.buildTabpanel();
        jericho.removeLoader();
    });
    $(window).resize(function () {
        var w = $(document).width();
        //  $('#divRight').css({ width: w - 250 });
    });
</script>

<body class="hold-transition skin-blue sidebar-mini">
<div id="main" class="wrapper">
    <header id="header" class="main-header">
        <!-- Logo -->
        <a href="#" class="logo">
            <!-- mini logo for sidebar mini 50x50 pixels -->
            <span class="logo-mini"><img src="${ctxStatic}/images/LOGO.png"></span>
            <!-- logo for regular state and mobile devices -->
            <span class="logo-lg"><b>${fns:getConfig('productName')}</b></span>
        </a>
        <!-- Header Navbar: style can be found in header.less -->
        <nav class="navbar navbar-static-top">
            <!-- Sidebar toggle button-->
            <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
                <span class="sr-only">切换菜单</span>
            </a>

            <div class="navbar-custom-menu">
                <ul class="nav navbar-nav">
                    <!-- User Account: style can be found in dropdown.less -->
                    <li class="dropdown user user-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <img src="${ctxStatic}/AdminLTE/dist/img/avatar5.png" class="user-image" alt="User Image">
                            <span class="hidden-xs">当前用户：${GG_SYDW_SESSION.dwmc}</span>
                        </a>
                        <ul class="dropdown-menu">
                            <!-- User image -->
                            <li class="user-header">
                                <img src="${ctxStatic}/AdminLTE/dist/img/avatar5.png" class="img-circle" alt="User Image">

                                <p> ${GG_SYDW_SESSION.dwmc} </p>
                            </li>
                            <!-- Menu Body -->
                            <li class="user-body">
                                <div class="row">
                                    <div class="col-xs-12 text-center">
                                        <a href="${ctx}/logout" class="btn btn-default btn-flat">退&nbsp;出</a>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
    </header>
    <!-- Left side column. contains the logo and sidebar -->
    <aside id="divLeft" class="main-sidebar">
        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">
            <!-- sidebar menu: : style can be found in sidebar.less -->
            <ul class="sidebar-menu">
                <li class="treeview">
                    <a href="#"><i class="fa fa-search"></i><span>综合查询</span> <span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i> </span></a>
                    <ul class="treeview-menu" style="display: none;">
                        <li class="">
                            <a style="font-size: 12px; cursor: pointer;" href="#" class="func" datatype="iframe" datalink="${pageContext.request.contextPath}/f/sydwfront/deviceList"><i class="fa fa-circle-o"></i>设备信息查询</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </section>
        <!-- /.sidebar -->
    </aside>
    <!-- Content Wrapper. Contains page content -->
    <div id="divRight" class="content-wrapper"></div>
    <!-- /.content-wrapper -->
    <footer class="main-footer">
        <strong>©Copyright 2016 (C) <a href="http://www.joyue-tech.com">深圳市卓越信息技术有限公司</a> 版权所有. All Rights Reserved</strong>
    </footer>
</div>
<!-- ./wrapper -->
</body>
</html>
